<template>
  <n-message-provider>
    <useMessageComponents />
  </n-message-provider>
	<router-view/>
  

</template>
<script setup lang="ts">
import { NMessageProvider } from "naive-ui"
import useMessageComponents from './components/useMessage.vue'
</script>
<style lang="less">
/* 过度动画配置代码 */
.animation-enter-from,
.animation-leave-to {
	transform: translateX(20px);
	opacity: 0;
}
.animation-enter-to,
.animation-leave-from {
	opacity: 1;
}
.animation-enter-active {
	transition: all 0.7s ease;
}
.animation-leave-active {
	transition: all 0.3s cubic-bezier(1, 0.6, 0.6, 1);
}
</style>
